<template>
	<view style="min-height: 100vh;">
		<headerSlot :propsColor="'#fff'">
			<template v-slot:header>
				<view class="header_slot flex justify-start align-center" @click="closePage()">
					<view class="action" style="margin-right: 20rpx;">
						<text class="cuIcon-back "></text>
					</view>
					<view class="content text-bold">
						上架商品
					</view>
				</view>
			</template>
		</headerSlot>

		<view class="cu-card case " style="padding: 32rpx;">
			<view class="cu-item shadow ">
				<view class="pire_box flex justify-start align-center">
					<view class="" style="margin-right: 20rpx; font-size: 16px;">
						商品名称
					</view>
					<uni-easyinput :inputBorder="false" v-model="value" placeholder="请输入商品名称"></uni-easyinput>
				</view>
				<view class="pire_box flex justify-start align-center">
					<view class="" style="margin-right: 20rpx; font-size: 16px;">
						商品价格
					</view>
					<uni-easyinput :inputBorder="false" v-model="value" placeholder="请输入商品价格"></uni-easyinput>
				</view>
				<view class="cu-card case " style="margin-top: 32rpx;">
					<view class="cu-item shadow ">
						<view class="">
							<uni-section class="mb-10" :title="'商品描述'" type="line" titleFontSize='16px'></uni-section>
						</view>
						<view class="textarea_input">
							<uni-easyinput :inputBorder="false" :trim='true' :maxlength='-1' :clearable='true'
								type="textarea" autoHeight placeholder="请输入商品描述(非必填)"></uni-easyinput>
						</view>
						<view class="example-body ">
							<uni-file-picker limit="6" title="添加图片" :image-styles="imgStyle"></uni-file-picker>
						</view>
					</view>
				</view>

			</view>
		</view>
		<button type="warn" style="margin: 32rpx;">上架</button>
	</view>


</template>

<script>
	import headerSlot from '@/components/header-slot.vue';
	export default {

		components: {
			headerSlot,
		},
		data() {
			return {


			};
		},
		onLoad() {},
		methods: {

			closePage() {
				uni.navigateBack()
			},


		},


	}
</script>

<style lang="scss">
	.header_slot {
		padding: 0 32rpx;
		width: 100%;
		font-weight: 500;
		font-size: 36rpx;
		color: #2C2622;
	}

	.cu-item {
		margin: 0 !important;
	}

	.example-body,
	.pire_box {
		padding: 24rpx;
	}
</style>